$(document).ready(function () {
    $('.marquee').marquee({
        duration: 30000,
        gap: 50,
        delayBeforeStart: 0,
        direction: 'left',
        duplicated: true,
        pauseOnHover: true
    });
});

$(document).ready(function(){
    $('.li-responsive').hover(
        function(){
            $(this).find('ul').slideUp("fast");
            $(this).find('ul').slideDown(600);
            $('.div-submenu').slideDown(700);
            $('.img-submenu').slideDown(700);
        },
        function(){
            $(this).find('ul').slideUp("fast");
        }
    );

    $('.fullwidth').hover(function(){
        $('.div-hover-21').addClass("hidden");
        $('.div-hover-22').addClass("hidden");
        $('.div-hover-31').addClass("hidden");
    });

    $('.div-fullwidth').hover(function(){
        $('.div-hover-31').addClass("hidden");
        $('.img-fullwidth').addClass("hidden");
    });

    $('.li-fullwidth').hover(function(){
        $('.img-fullwidth').removeClass("hidden");
        $('.div-hover-21').addClass("hidden");
        $('.div-hover-22').addClass("hidden");
        $('.div-hover-31').addClass("hidden");

    });

    $('.a-hover-11').hover(function(){
        $('.img-fullwidth').addClass("hidden");
        $('.div-hover-31').addClass("hidden");
        $('.div-hover-21').removeClass("hidden");
        $('.div-hover-22').addClass("hidden");
    });

    $('.a-hover-12').hover(function(){
        $('.img-fullwidth').addClass("hidden");
        $('.div-hover-31').addClass("hidden");
        $('.div-hover-21').addClass("hidden");
        $('.div-hover-22').removeClass("hidden");
    });

    $('.a-hover-13').hover(function(){
        $('.img-fullwidth').addClass("hidden");
        $('.div-hover-31').addClass("hidden");
        $('.div-hover-21').addClass("hidden");
        $('.div-hover-22').addClass("hidden");
    });

    $('.a-hover-21').hover(function(){
        $('.div-hover-31').removeClass("hidden");
    });

    $('.a-hover-22').hover(function(){
        $('.div-hover-31').addClass("hidden");
    });
});

$(document).ready(function(){
    var info = "Tỉnh Hà Giang,Tình Cao Bằng,Tỉnh Lai Châu,Tỉnh Lào Cai,Tỉnh Yên Bái,Tỉnh Tuyên Quang,Tỉnh Bắc Kạn,Tỉnh Thái Nguyên,Tỉnh Lạng Sơn,Tỉnh Sơn La" +
        ",Tỉnh Phú Thọ,Tỉnh Vĩnh Phúc,Tp. Hà Nội,Tỉnh Bắc Ninh,Tỉnh Bắc Giang,Tỉnh Quảng Ninh,Tỉnh Hải Phòng,Tỉnh Hải Dương,Tỉnh Hà Nam,Tỉnh Nam Định,Tỉnh Thái Bình,Tỉnh Ninh Bình";
    addProvince(info);
    $('#slAreaTransport').change(function(){
        var value = $('#slAreaTransport').val();
        var data;
        if(value == 0){
            data = info;
        }
        if(value == 1){
            data = "Tỉnh Thanh Hoá,Tỉnh Nghệ An,Tỉnh Hà Tĩnh,Tỉnh Quảng Bình,Tỉnh Quảng Trị,Tỉnh Thừa Thiên Huế,Tp. Đà Nẵng,Tỉnh Quảng Nam,Tỉnh Quảng Ngãi,Tỉnh Bình Định" +
                ",Tỉnh Phú Yên,Tỉnh Khánh Hoà,Tỉnh Kom Tum,Tỉnh Gia Lai,Tình Dak Lak";
        }
        if(value == 2){
            data = "Tỉnh Lâm Đồng,Tỉnh Ninh Thuận,Tỉnh Bình Thuận,Tỉnh Tây Ninh,Tỉnh Bình Phước,Tỉnh Bình Dương,Tp. Hồ Chí Minh,Tỉnh Đồng Nai,Tỉnh Bà Rịa - Vũng Tàu,Tỉnh Long An" +
                ",Tỉnh Đồng Tháp,Tỉnh Tiền Giang,Tỉnh Bến Tre,Tỉnh Trà Vinh,Tỉnh Vĩnh Long,Tỉnh An Giang,Tp. Cần Thơ,Tỉnh Sóc Trăng,Tỉnh Bạc Liêu,Tỉnh Cà mau,Tỉnh Kiên Giang";
        }
        addProvince(data);
    });
    $('#btnTransport').click();
});

function addProvince(data){
    $("#slProvinceTransport option").remove();

    var myArr = data.split(",");
    for(var i = 0; i < myArr.length-1; i++){
        $("#slProvinceTransport").append("<option value='"+myArr[i]+"'>"+myArr[i]+"</option>");
    }
}

function addData(){
    var data = "<tr onclick='showMap();'><td>1</td><td>Tòa nhà Handi Resco-tháp B-tầng 11, 521 Kim Mã, quận Ba Đình, Hà Nội</td><td>HN</td><td>(84.4) 37 246 019</td></tr>" +
        "<tr onclick='showMap();'><td>2</td><td>Tòa nhà Handi Resco-tháp B-tầng 11, 521 Kim Mã, quận Ba Đình, Hà Nội</td><td>HN</td><td>(84.4) 37 246 019</td></tr>" +
        "<tr onclick='showMap();'><td>3</td><td>Tòa nhà Handi Resco-tháp B-tầng 11, 521 Kim Mã, quận Ba Đình, Hà Nội</td><td>HN</td><td>(84.4) 37 246 019</td></tr>" +
        "<tr onclick='showMap();'><td>4</td><td>Tòa nhà Handi Resco-tháp B-tầng 11, 521 Kim Mã, quận Ba Đình, Hà Nội</td><td>HN</td><td>(84.4) 37 246 019</td></tr>" +
        "<tr onclick='showMap();'><td>5</td><td>Tòa nhà Handi Resco-tháp B-tầng 11, 521 Kim Mã, quận Ba Đình, Hà Nội</td><td>HN</td><td>(84.4) 37 246 019</td></tr>" +
        "<tr onclick='showMap();'><td>6</td><td>Tòa nhà Handi Resco-tháp B-tầng 11, 521 Kim Mã, quận Ba Đình, Hà Nội</td><td>HN</td><td>(84.4) 37 246 019</td></tr>" +
        "<tr onclick='showMap();'><td>7</td><td>Tòa nhà Handi Resco-tháp B-tầng 11, 521 Kim Mã, quận Ba Đình, Hà Nội</td><td>HN</td><td>(84.4) 37 246 019</td></tr>";
    $('#tBodyTransport').html(data);
}

function showMap(){
    var location = "Tòa nhà Handi Resco-tháp B-tầng 11, 521 Kim Mã, quận Ba Đình, Hà Nội";
    var locationAfter = "Tòa+nhà+Handi+Resco-tháp+B-tầng+11,+521+Kim Mã,+quận+Ba+Đình,+Hà+Nội";
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({
        "address": locationAfter
    }, function(results) {
//        alert(results[0].geometry.location.lat()); //LatLng
        var lat = results[0].geometry.location.lat();
        var lng = results[0].geometry.location.lng();
        addMarker(lat,lng,location);
    });
}

function addMarker(lat, lng, location){
    var myLatlng = new google.maps.LatLng(lat,lng);
    var mapProp = {
        center:myLatlng,
        zoom:8,
        mapTypeId:google.maps.MapTypeId.ROADMAP
    };
    var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: location
    });
    google.maps.event.addDomListener(window, 'load', initialize);
}

$(document).ready(function(){
    autoTransport();
    $(window).resize(function () {
        autoTransport();
    });
//    var size = screen.width;
//    $('.sf-menu .fullwidth li').css("width", size);
});

function autoTransport(){
    if($(window).width() >= 768){
        $('.div-caption').css("top", "-150px");
    }

    if($(window).width() >= 992 || $(window).width() >= 1200){
        $('.div-caption-transport').css("top", "65px");
    }
}